* { list-style: none; margin: 0; padding: 0;}
html { width: 100%; min-width: 1360px;}
body { width: 100%; min-width: 1360px; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto; background: #f2f3f7;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #0f55d6;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 
 
#VCode { cursor: pointer;}
.clear { clear: both;}
.warp { min-width: calc(1360px - 28%); margin: 0 auto; padding: 0 14%;}


@font-face {
	font-family: 'Oswald';
		    src: url('../fonts/Oswald.ttf');
	font-weight: normal;
	 font-style: normal;
}

/*头部*/
.header { width: 100%; min-width: 1360px; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.1); box-sizing: border-box; position: fixed; left: 0; top: 0; z-index: 999999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .logo { float: left; width: 215px; height: 50px; padding: 20px 0; overflow: hidden;}
.header .logo img { display: block; height: 100%; filter: grayscale(100) brightness(100);}

.header .patlog { width: 285px;}
.header .patlog .lg,
.header .patlog .dj { float: left;}
.header .patlog .dj { margin-left: 15px;}

.header .serch { float: right; width: 35px; height: 90px; margin-left: 10px; position: relative;}
.header .serch .aniu { width: 35px; height: 90px; cursor: pointer; filter: grayscale(100) brightness(100); background: url(../images/tc01.png) no-repeat center 37px;}
.header .serch .nrs { display: none; width: 437px; text-align: center; border: 4px solid #0f55d6; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; right: 0; top: 90px;}
.header .serch .nrs select,
.header .serch .nrs input { display: block; float: left; height: 50px; line-height: 50px; font-size: 14px; color: #333; text-align: left; outline: none; outline: none; border: none; overflow: hidden; background: #fff;}
.header .serch .nrs select { width: 99px; padding-left: 10px;}
.header .serch .nrs input { width: 240px; padding: 0 10px; margin-left: 5px; border-left: 3px solid #0f55d6;}
.header .serch .nrs .btn { width: 70px; color: #fff; text-align: center; margin: 0; border: none; background: #0f55d6;}
.header .hov .nrs { display: block;}

.header .nav { float: right; max-width: calc(100% - 280px); height: 90px;}
.header .nav li { float: left; line-height: 90px; position: relative;}
.header .nav li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a { display: block; font-size: 16px; color: #fff; padding: 0 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li p { display: none; width: 100%; text-align: center; border-radius: 0 0 4px 4px; box-shadow: 0 5px 20px rgba(229,47,66,0.1); overflow: hidden; background: #fff; position: absolute; left: 0; top: 90px;}
.header .nav li:hover::after,
.header .nav .on::after { width: 40%;}
.header .nav li:hover p { display: block;}
.header .nav li:hover p a,
.header .nav .on p a { line-height: 40px; font-size: 12px; color: #666 !important; padding: 0 10px; border-top: 1px solid rgba(0,0,0,0.05); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav li:hover p a:hover,
.header .nav .on p a:hover { color: #0f55d6 !important;}

.header:hover,
.headerFix,
.headeron { border-bottom-color: #eaeaea; background: #fff;}
.header:hover .logo img,
.headerFix .logo img,
.headeron .logo img,
.header:hover .serch .aniu,
.headerFix .serch .aniu,
.headeron .serch .aniu { filter: grayscale(0%);}
.header:hover .serch .aniu::after,
.headerFix .serch .aniu::after,
.headeron .serch .aniu::after { background: #ccc;}
.header:hover .nav li a,
.headerFix .nav li a,
.headeron .nav li a { color: #333;}
.header:hover .nav li::after,
.headerFix .nav li::after,
.headeron .nav li::after { background: #0f55d6;}

/*脚部*/
.footer { width: 100%; border-top: 1px solid #e4e4e4; background: #fff;}
.footer a { color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: #0f55d6;}
.footer .lft { float: left; width: calc(100% - 376px); border-right: 1px solid #e4e4e4;}
.footer .lft .link { height: 30px; line-height: 30px; padding: 20px 0;}
.footer .lft .link span { font-size: 14px; color: #333;}
.footer .lft .link a { font-size: 14px; color: #999; margin-right: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .lft .link a:last-child { border-bottom: none;}
.footer .lft .link a:hover { color: #0f55d6;}
.footer .lft .nva { padding: 20px 0; border-top: 1px solid #f4f4f4;}
.footer .lft .nva li { float: left; width: calc(100% / 7 - 20px); margin-right: 20px;}
.footer .lft .nva li h3 { line-height: 25px; font-weight: 500; font-size: 16px; color: #333; margin-bottom: 10px;}
.footer .lft .nva li a { display: block; line-height: 35px; font-size: 14px;}
.footer .rgt { float: right; width: 310px; padding: 20px 0 0 65px;}
.footer .rgt li { margin-bottom: 15px; padding-left: 30px; background-repeat: no-repeat; background-position: left 3px;}
.footer .rgt .tel { background-image: url(../images/tc23.png);}
.footer .rgt .fax { background-image: url(../images/tc24.png);}
.footer .rgt .adr { background-image: url(../images/tc25.png);}
.footer .rgt li p { line-height: 30px; font-size: 15px; color: #333; margin-bottom: 10px;}
.footer .rgt li p span { display: block; line-height: 30px; font-size: 13px; color: #999; white-space: pre;}
.footer .copy { height: 40px; line-height: 40px; padding: 15px 0; border-top: 1px solid #e4e4e4;}
.footer .copy p { float: left; width: 70%; font-size: 14px; color: #999;}
.footer .copy .img { float: right; width: 40px; height: 40px; border-radius: 20px; background: #0f55d6 url(../images/tc26.png) no-repeat center; position: relative; z-index: 9;}
.footer .copy .img img { display: none; width: 120px; height: 120px; padding: 5px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; position: absolute; right: 0; bottom: 45px;}
.footer .copy .img:hover img { display: block;}

/*右侧客服*/
.webonline { width: 65px; position: fixed; right: 0; bottom: 25%; z-index: 999999;}
.webonline li { width: 100%; margin-top: 4px; position: relative;}
.webonline li .ontop { width: 65px; height: 65px; cursor: pointer; border-radius: 10px; overflow: hidden; background-color: #353638; background-repeat: no-repeat; background-position: center;}
.webonline li .wb01 { background-image: url(../images/tc27.png);}
.webonline li .wb02 { background-image: url(../images/tc28.png);}
.webonline li .wb03 { background-image: url(../images/tc29.png);}
.webonline li .onlft { display: none; padding: 10px; margin: auto; border-radius: 4px; background: #353638; position: absolute; right: 75px; top: 10px;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #353638; line-height: 0px; _border-color: #000 #000 #000 #353638; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right:-6px; top: 16px;}
.webonline li .onlft p { min-width: 185px; line-height: 22px; font-size: 12px; color: rgba(255,255,255,0.65);}
.webonline li .onlft p span { display: block; color: #fff; margin-bottom: 10px; white-space: pre;}
.webonline li .onlft p span:last-child { margin-bottom: 0;}
.webonline li .onlft img { display: block; width: 120px; border: 3px solid #fff;}
.webonline li:hover .onlft { display: block;}
.webonline li.btn_top { display: none;}
.webonline li.btn_top .ontop { background-color: #0f55d6;}

/*banner*/
.banner { width: 100%; margin: 0 auto;}
.banner .swiper-slide { width: 100%; background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.banner .swiper-slide a { display: block; width: 100%;}
.banner .swiper-slide img { display: block; width: 100%; filter: alpha(opacity=0); opacity: 0;}
.banner .botm { width: 375px; height: 45px; text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 30px;}
.banner .botm .swiper-pagination-bullets { width: 100%; bottom: 18px;}
.banner .botm .swiper-pagination-bullets span { width: 70px; height: 3px; margin: 0 6px !important; filter: alpha(opacity=100); opacity: 1; border-radius: 0; background: rgba(255,255,255,0.3); position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.banner .botm .swiper-pagination-bullets span::after { display: block; content: ""; width: 0; height: 3px; background: #fff; position: absolute; left: 0; top: 0;}
.banner .botm .swiper-pagination-bullets .swiper-pagination-bullet-active::after { animation: box 4s linear forwards 0s 1 normal;}
.banner .botm .swiper-button-prev,
.banner .botm .swiper-button-next { width: 45px; height: 30px; top: 30px; z-index: 99;}
.banner .botm .swiper-button-prev::after,
.banner .botm .swiper-button-next::after { font-size: 24px; color: #fff; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: 0.5s; transition: 0.5s;} 
.banner .botm .swiper-button-prev { left: 0;}
.banner .botm .swiper-button-next { right: 0;}
.banner .botm .swiper-button-prev:hover::after,
.banner .botm .swiper-button-next:hover::after { filter: alpha(opacity=100); opacity: 1;}
@keyframes box {
    0% { width: 0;}
    100% { width: 100%;}
}

/*二级banner*/
.banner_ej { width: 100%; height: 400px; text-align: center; margin: 0 auto; background-position: center top; background-repeat: no-repeat;}
.banner_ej h1 { line-height: 55px; font-size: 46px; color: rgba(255,255,255,0.15); text-transform: Uppercase; letter-spacing: 2px; padding-top: 220px;}
.banner_ej h3 {line-height: 40px; font-size: 26px; color: #fff; letter-spacing: 4px;}

/*公共标题*/
.tits { width: 100%; height: 85px; text-align: center; padding-top: 5px; margin-bottom: 50px; background: url(../images/tc02.png) no-repeat center top;}
.tits h3 { line-height: 60px; font-size: 36px; color: #333; letter-spacing: 2px;}
.tits p { line-height: 25px; font-size: 14px; color: #999; text-transform: Uppercase;}

/*关于我们*/
.abouts { width: 100%; padding: 150px 0; background: url(../images/tc07.jpg) no-repeat center bottom;}
.abouts .lft { float: left; width: calc(100% - 720px);}
.abouts .lft .msg { width: 100%; line-height: 35px; font-size: 15px; color: #808080; text-indent: 2em; padding-top: 80px; background: url(../images/tc03.png) no-repeat left top;}
.abouts .lft li { float: left; width: calc(100% / 3); margin: 60px 0;}
.abouts .lft li:last-child { margin-right: 0;}
.abouts .lft li .img { float: left; width: 60px; height: 60px; border: 1px solid #c1cdec; border-radius: 20px; background-color: #f5f8fd; background-repeat: no-repeat; background-position: center;}
.abouts .lft .ab01 .img { background-image: url(../images/tc04.png);}
.abouts .lft .ab02 .img { background-image: url(../images/tc05.png);}
.abouts .lft .ab03 .img { background-image: url(../images/tc06.png);}
.abouts .lft li .mg { float: right; width: calc(100% - 80px);}
.abouts .lft li .mg h3 { line-height: 30px; font-weight: 500; font-size: 14px; color: #999;}
.abouts .lft li .mg h3 span { font-family: 'Oswald'; font-size: 40px; color: #333; margin-right: 5px;}
.abouts .lft li .mg p { line-height: 20px; font-size: 14px; color: #666;}
.abouts .lft a { display: block; width: 180px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #84a8e9; border-left: 2px solid #0f55d6; border-right: 2px solid #5d3095; border-radius: 25px; box-sizing: border-box;}
.abouts .lft a span { font-size: 16px; color: #0f55d6; padding-right: 20px; background: url(../images/tc08.png) no-repeat right 6px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .lft a:hover { border: none; background-image: linear-gradient(to right,#1253d3,#4d37a2);}
.abouts .lft a:hover span { color: #fff; background-image: url(../images/tc08h.png);}
.abouts .imgs { float: right; width: 600px; height: 500px; margin-top: 20px; padding: 0 20px 20px 0; position: relative;}
.abouts .imgs::after { display: block; content: ""; width: 275px; height: 230px; border-radius: 180px 0 180px 0; background-image: linear-gradient(45deg,#4d37a2,#1353d2); position: absolute; right: 0; bottom: 0; z-index: 1;}
.abouts .imgs img { display: block; width: 600px; height: 500px; border-radius: 180px 0 180px 0; overflow: hidden; position: relative; z-index: 2;}

/*材料特性*/
.material { width: 100%; padding: 100px 0; background: url(../images/tc09.jpg) no-repeat center bottom;}
.material .tits { background-image: url(../images/tc02h.png);}
.material li { float: left; width: calc(100% / 4 - 95px); margin-right: 20px; padding: 50px 40px; border-radius: 80px 0 0 0; overflow: hidden; background: #fff;}
.material li:last-child { margin-right: 0;}
.material li .img { float: left; width: 70px; height: 85px; overflow: hidden;}
.material li .img img { display: block; width: 70px; height: 85px;}
.material li h3 { float: right; width: calc(100% - 85px); height: 70px; line-height: 35px; font-size: 20px; color: #333; margin-top: 5px; overflow: hidden;}
.material li .msg { width: 100%; height: 150px; line-height: 30px; font-size: 14px; color: #666; margin: 20px 0; overflow: hidden;}
.material li a { display: block; width: 130px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #84a8e9; border-left: 2px solid #0f55d6; border-right: 2px solid #5d3095; border-radius: 25px; box-sizing: border-box;}
.material li a span { font-size: 14px; color: #0f55d6; padding-right: 15px; background: url(../images/tc08.png) no-repeat right 6px / 6px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.material li:hover { background-image: linear-gradient(to right,#1253d3,#4d37a2);}
.material li:hover h3 { color: #fff;}
.material li:hover .msg { color: rgba(255,255,255,0.65);}
.material li:hover a { border-color: rgba(255,255,255,0.5); border-left-color: #fff; border-right-color: #fff;}
.material li:hover a span { color: #fff; background-image: url(../images/tc08h.png);}

/*产品领域*/
.prods { width: 100%; background: #fff;}
.prods .lft { float: left; width: 26%; padding: 90px 0 0 14%; position: relative; z-index: 2;}
.prods .lft .tits { width: auto; text-align: left; padding-left: 20px; margin-bottom: 80px; background-position: left top;}
.prods .lft .tabs { width: 100%; background: #f5f7fa; position: relative;}
.prods .lft .tabs::after { display: block; content: ""; width: 100%; height: 100%; background: #f5f7fa; position: absolute; left: -80%; top: 0; z-index: 1;}
.prods .lft .tabs li { height: 70px; line-height: 70px; font-size: 20px; color: #333; cursor: pointer; margin-bottom: 20px; border-radius: 40px 0 0 0; box-sizing: border-box; overflow: hidden; background: #fff; position: relative; z-index: 5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .lft .tabs li::before { display: block; content: ""; width: 0; height: 70px; background-image: linear-gradient(to right,#1253d3,#4d37a2); position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .lft .tabs li::after { display: block; content: "+"; height: 70px; line-height: 70px; font-size: 22px; color: #858585; position: absolute; right: 80px; top: 0; z-index: 3}
.prods .lft .tabs li:last-child { margin-bottom: 0;}
.prods .lft .tabs li span { display: block; padding: 0 90px 0 180px; background-position: 120px center; background-repeat: no-repeat; position: relative; z-index: 2;}
.prods .lft .tabs li:hover,
.prods .lft .tabs li:hover::after { color: #0f55d6;}
.prods .lft .tabs li.on,
.prods .lft .tabs li.on::after { color: #fff;}
.prods .lft .tabs li.on::before { width: 100%;}
.prods .lft .tabs li.on { border-radius: 40px 0 40px 0; transform: translateX(55px);}
.prods .lft .tabs .pd1 span { background-image: url(../images/tc14.png);}
.prods .lft .tabs .on.pd1 span { background-image: url(../images/tc14h.png);}
.prods .lft .tabs .pd2 span { background-image: url(../images/tc15.png);}
.prods .lft .tabs .on.pd2 span { background-image: url(../images/tc15h.png);}
.prods .lft .tabs .pd3 span { background-image: url(../images/tc16.png);}
.prods .lft .tabs .on.pd3 span { background-image: url(../images/tc16h.png);}
.prods .lft .tabs .pd4 span { background-image: url(../images/tc17.png);}
.prods .lft .tabs .on.pd4 span { background-image: url(../images/tc17h.png);}
.prods .lft .tabs .pd5 span { background-image: url(../images/tc18.png);}
.prods .lft .tabs .on.pd5 span { background-image: url(../images/tc18h.png);}
.prods .lft .tabs .pd6 span { background-image: url(../images/tc19.png);}
.prods .lft .tabs .on.pd6 span { background-image: url(../images/tc19h.png);}
.prods .lft .tabs .pd7 span { background-image: url(../images/tc20.png);}
.prods .lft .tabs .on.pd7 span { background-image: url(../images/tc20h.png);}
.prods .imgs { float: right; width: 60%; height: 870px; overflow: hidden;}
.prods .imgs .swiper-slide { width: 100%; height: 870px; background-color: #fff; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.prods .imgs .swiper-slide .msg { width: calc(80% - 90px); padding: 120px 20% 50px 90px; background-image: linear-gradient(rgba(15,85,214,0),rgba(15,85,214,0.5)); position: absolute; left: 0; bottom: 0;}
.prods .imgs .swiper-slide .msg h3 { line-height: 75px; font-size: 28px; color: #fff;}
.prods .imgs .swiper-slide .msg p { height: 60px; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden;}

/*应用领域客户*/
.fields { width: 100%; padding: 120px 0; overflow: hidden; background: #091334; position: relative;}
.fields .warp { position: relative; z-index: 9;}
.fields .tits { margin-bottom: 80px; background-image: url(../images/tc02v.png);}
.fields .tits h3 { font-weight: 500; color: #fff;}
.fields .list { width: 100%;}
.fields .list .swiper-slide {}
.fields .list .swiper-slide .img { width: 6vw; height: 6vw; margin: 6vw auto 0 auto; padding: 20px; border-radius: 50%; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fields .list .swiper-slide .img img { display: block; width: 100%; height: 100%;}
.fields .list .swiper-slide-active .img { margin-top: 0;}
.fields .list .swiper-slide-prev .img,
.fields .list .swiper-slide-next .img { margin-top: 2vw;}
.fields .list .swiper-slide:hover .img,
.fields .list .swiper-slide-active .img { background-image: linear-gradient(#1950ce,#56349a);}
.fields .list .swiper-slide:hover .img img,
.fields .list .swiper-slide-active .img img { filter: grayscale(100) brightness(100);}
.fields .btns { width: 180px; margin: 4vw auto 2vw auto;}
.fields .btns .swiper-button-prev,
.fields .btns .swiper-button-next { width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.5); border-left: 2px solid #1353d3; border-right: 2px solid #602e93; border-radius: 50%; box-sizing: border-box; position: relative;}
.fields .btns .swiper-button-prev::after,
.fields .btns .swiper-button-next::after { display: block; content: ""; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 0; z-index: 2;}
.fields .btns .swiper-button-prev { float: left;}
.fields .btns .swiper-button-prev::after { background-image: url(../images/tc08l.png);}
.fields .btns .swiper-button-next { float: right;}
.fields .btns .swiper-button-next::after { background-image: url(../images/tc08h.png);}
.fields .btns .swiper-button-prev:hover,
.fields .btns .swiper-button-next:hover { border: none; background-image: linear-gradient(#1950ce,#56349a);}
.fields .msg { line-height: 30px; font-size: 14px; color: #fff; text-align: center;}
.fields .hu { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
.fields .hu img { display: block; width: 100vw; min-width: 1360px;}
.fields .hu .pags { animation: rotat 20s ease-in-out none 2s infinite normal; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 2;}
.fields .pags img { margin: auto; position: relative; left: 0; right: 0; top: 0;}
@keyframes rotat {
    0% { width: 0vw;}
    100% { width: 100vw;}
}

/*新闻中心*/
.news { width: 100%; padding: 70px 0 100px 0; background: url(../images/tc22.jpg) no-repeat center top;}
.news li { float: left; width: 360px; margin-right: 35px; position: relative;}
.news li:last-child { margin-right: 0;}
.news li i { display: block; height: 35px; line-height: 35px; font-style: normal; font-size: 14px; color: #fff; padding: 0 15px; border-radius: 0 0 0 4px; background: #0f55d6; position: absolute; right: 0; top: 0; z-index: 9;}
.news li .img { width: 100%; height: 250px; overflow: hidden;}
.news li .img img { display: block; max-width: 100%; height: 100%; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg { width: 100%;}
.news li .msg h3 { line-height: 50px; font-weight: 500; font-size: 18px; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg p { height: 75px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.news li .msg span { display: inline-block; line-height: 25px; font-size: 13px; color: #666; margin-top: 30px;}
.news li .msg .fl { color: #0f55d6;}
.news li .xmg { display: none; width: 300px; padding: 30px 50px; border-radius: 65px 0 65px 0; background-image: linear-gradient(to right,#1253d3,#4d37a2); position: absolute; right: -20px; bottom: -55px; z-index: 9;}
.news li .xmg::after { display: block; content: ""; width: 85px; height: 60px; background: url(../images/tc02n.png) no-repeat 0 0 / auto 60px; position: absolute; right: 0; top: 0; z-index: 1;}
.news li .xmg .tim { line-height: 40px; font-size: 16px; color: #fff; letter-spacing: 1px;}
.news li .xmg .tim b { font-size: 38px;}
.news li .xmg p { line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .on { width: 575px;}
.news .on .img { height: 395px;}
.news .on .msg { display: none;}
.news .on .xmg { display: block;}
.news li:hover .img img { transform: scale(1.1,1.1);}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { min-width: calc(1360px - 28vw); min-height: 300px; margin: 0 auto; padding: 40px 14vw;}
.comtit { width: 100%; text-align: center; margin: 30px 0;}
.comtit h3 { line-height: 45px; font-size: 34px; color: #333; letter-spacing: 2px;}
.comtit p { line-height: 25px; font-size: 14px; color: #999; text-transform: Uppercase; letter-spacing: 1px;}

.comnav { width: 100%; height: 75px; line-height: 75px; border-bottom: 1px solid #e2e3e7; background: #fff;}
.comnav .lst { float: left; width: 70%;}
.comnav .lst li { float: left; margin-right: 50px; position: relative;}
.comnav .lst li:last-child { margin-right: 0;}
.comnav .lst li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #0f55d6; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .lst li a { display: block; font-size: 16px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .lst li:hover a { color: #0f55d6;}
.comnav .lst .on a { color: #0f55d6;}
.comnav .lst li:hover::after,
.comnav .lst .on::after { width: 100%;}
.comnav p { float: right; max-width: calc(30% - 20px); font-size: 14px; color: #999; padding-left: 22px; background: url(../images/posit.png) no-repeat left 29px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comnav p a { color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav p a:hover { color: #0f55d6;}

/*详情页公用*/
.lh { line-height: 35px; font-size: 15px; color: #666; text-align: justify;}
.lh img { display: block; max-width: 100%; height: auto !important; margin: 0 auto;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.shows { padding: 40px 50px; border-radius: 60px 0 60px 0; background: #fff;}
.show_h3 { width: 100%; text-align: center; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
.show_h3 h3 { line-height: 35px; font-size: 24px; color: #333;}
.show_h3 p { line-height: 30px; font-size: 12px; color: #999; margin-top: 5px;}
.show_sxp { font-size: 14px; line-height: 25px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #f4f4f4;}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp a { color: #0f55d6;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #0f55d6; text-decoration: underline;}
.serchms { height: 60px; line-height: 60px; font-weight: bold; font-size: 18px; color: #333; text-align: center;}

/*分页*/
.scott { text-align: center; padding: 25px 0; overflow: hidden;}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px; border: 1px solid #d4d5d9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott li:first-child { border-radius: 20px 0 0 0;}
.scott li:last-child { border-radius: 0 20px 0 0;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 16px; color: #666; cursor: pointer;}
.scott li:hover { border-color: #0f55d6;}
.scott li:hover a,
.scott li:hover span { color: #0f55d6;}
.scott .active { border-color: #0f55d6; background: #0f55d6 !important;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*关于我们*/
.aboutus { width: 100%; background: #fff;}
.aboutus .ab01 { width: 100%; padding: 90px 0;}
.aboutus .ab01 .lft { float: left; width: 410px;}
.aboutus .ab01 .lft h1 { height: 50px; line-height: 50px; font-size: 30px; color: #0f55d6; text-transform: Uppercase; padding-bottom: 55px; margin-bottom: 200px; background: url(../images/tc03.png) no-repeat left bottom;}
.aboutus .ab01 .lft li { margin-bottom: 65px;}
.aboutus .ab01 .lft li:last-child { margin-bottom: 0;}
.aboutus .ab01 .lft li .img { float: left; width: 60px; height: 60px; border: 1px solid #c1cdec; border-radius: 20px; background-color: #f5f8fd; background-repeat: no-repeat; background-position: center;}
.aboutus .ab01 .lft li .mg { float: right; width: calc(100% - 80px);}
.aboutus .ab01 .lft li .mg h3 { line-height: 30px; font-weight: 500; font-size: 14px; color: #999;}
.aboutus .ab01 .lft li .mg h3 span { font-family: 'Oswald'; font-size: 40px; color: #333; margin-right: 5px;}
.aboutus .ab01 .lft li .mg p { line-height: 20px; font-size: 14px; color: #666;}
.aboutus .ab01 .lft .ab1 .img { background-image: url(../images/tc04.png);}
.aboutus .ab01 .lft .ab2 .img { background-image: url(../images/tc05.png);}
.aboutus .ab01 .lft .ab3 .img { background-image: url(../images/tc06.png);}
.aboutus .ab01 .msg { float: right; width: calc(100% - 520px);}
.aboutus .ab01 .img { width: 100%; overflow: hidden;}
.aboutus .ab01 .img img { display: block; width: 100%;}
.aboutus .ab02 { width: 100%; height: 610px; padding: 90px 0; background: url(../images/tc39.jpg) no-repeat center bottom;}
.aboutus .ab02 .tits { text-align: left; margin-bottom: 0; background: url(../images/tc02n.png) no-repeat left top;}
.aboutus .ab02 .tits h3 { color: #fff;}
.aboutus .ab02 .tits p { color: rgba(255,255,255,0.75);}
.aboutus .ab02 .lst { width: 100%; position: relative;}
.aboutus .ab02 .lst li { max-width: 260px; color: #fff; text-align: center; position: absolute;}
.aboutus .ab02 .lst li::before,
.aboutus .ab02 .lst li::after { display: block; content: ""; margin: auto; position: absolute; left: 0; right: 0;}
.aboutus .ab02 .lst li::before { width: 10px; height: 10px; border-radius: 50%; background: #fff; top: 75px;}
.aboutus .ab02 .lst li::after { width: 1px; height: 80px; background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); top: 80px;}
.aboutus .ab02 .lst li h3 { height: 35px; line-height: 35px; font-weight: 500; font-size: 16px;}
.aboutus .ab02 .lst li h3 b { font-size: 26px;}
.aboutus .ab02 .lst li p { line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aboutus .ab02 .lst li:nth-child(1) { left: 1.7vw; top: 350px;}
.aboutus .ab02 .lst li:nth-child(2) { left: 16.3vw; top: 320px;}
.aboutus .ab02 .lst li:nth-child(3) { left: 32.1vw; top: 125px;}
.aboutus .ab02 .lst li:nth-child(4) { right: 10.7vw; top: 100px;}
.aboutus .ab02 .lst li:nth-child(5) { right: 1.7vw; top: 0px;}
.aboutus .ab03 { width: 100%; padding: 90px 0; background: url(../images/tc40.jpg) no-repeat center bottom;}
.aboutus .ab03 .tits { text-align: left; margin-bottom: 30px; background: url(../images/tc02.png) no-repeat left top;}
.aboutus .ab03 .msg { line-height: 35px; font-size: 16px; color: #999;}
.aboutus .ab03 .msg b { font-family: 'Oswald'; font-size: 26px; color: #0f55d6; margin: 0 5px; position: relative; top: 2px;}
.aboutus .ab03 .tabs { width: 100%; margin: 30px 0 50px 0; border-bottom: 1px solid #e2e3e7;}
.aboutus .ab03 .tabs li { float: left; height: 55px; line-height: 55px; font-size: 16px; color: #666; cursor: pointer; margin-right: 65px; position: relative;}
.aboutus .ab03 .tabs li::after { display: block; content: ""; width: 0%; height: 2px; background: #0f55d6; position: absolute; left: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab03 .tabs .on { color: #0f55d6;}
.aboutus .ab03 .tabs .on::after { width: 100%;}
.aboutus .ab03 .swiper-slide { text-align: center;}
.aboutus .ab03 .swiper-slide .swiper-slide { transform: scale(0.75,0.75);}
.aboutus .ab03 .swiper-slide .swiper-slide .img { width: 100%; height: 260px; margin-bottom: 10px; overflow: hidden; position: relative;}
.aboutus .ab03 .swiper-slide .swiper-slide .img img { display: block; max-width: 100%; max-height: 260px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.aboutus .ab03 .swiper-slide .swiper-slide p { line-height: 40px; font-size: 20px; color: #666;}
.aboutus .ab03 .swiper-slide .swiper-slide-active { transform: scale(1,1);}
.aboutus .ab03 .swiper-slide .swiper-slide-active p { color: #0f55d6;}
.aboutus .ab03 .swiper-slide .btns { width: 210px; height: 50px; margin: 30px auto 0 auto; position: relative;}
.aboutus .ab03 .swiper-slide .btns .swiper-pagination { line-height: 50px; font-size: 20px; color: #999; bottom: 0;}
.aboutus .ab03 .swiper-slide .btns .swiper-pagination-current { font-size: 26px; color: #0f55d6;}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev,
.aboutus .ab03 .swiper-slide .btns .swiper-button-next { width: 50px; height: 50px; margin: 0; border: 1px solid #8cadea; border-left: 2px solid #1353d3; border-right: 2px solid #602e93; border-radius: 50%; box-sizing: border-box; top: 0;}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev { left: 0;}
.aboutus .ab03 .swiper-slide .btns .swiper-button-next { right: 0;}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev::after,
.aboutus .ab03 .swiper-slide .btns .swiper-button-next::after { display: block; content: ""; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 0; z-index: 2;}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev::after { background-image: url(../images/tc08s.png);}
.aboutus .ab03 .swiper-slide .btns .swiper-button-next::after { background-image: url(../images/tc08.png);}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev:hover,
.aboutus .ab03 .swiper-slide .btns .swiper-button-next:hover { border: none; background-image: linear-gradient(#1950ce,#56349a);}
.aboutus .ab03 .swiper-slide .btns .swiper-button-prev:hover::after { background-image: url(../images/tc08l.png);}
.aboutus .ab03 .swiper-slide .btns .swiper-button-next:hover::after { background-image: url(../images/tc08h.png);}
.aboutus .ab04 { width: 100%; padding: 55px 0; background: url(../images/tc41.jpg) no-repeat center bottom;}
.aboutus .ab04 .tits { background: url(../images/tc02n.png) no-repeat left top;}
.aboutus .ab04 .lst { font-size: 0; text-align: center;}
.aboutus .ab04 .lst li { display: inline-block; width: 100px; height: 100px; padding: 25px; margin: 0 20px 30px 20px; border-radius: 50%; overflow: hidden; background: #fff;}
.aboutus .ab04 .lst li img { display: block; width: 100px; height: 100px;}
.aboutus .ab04 .lst li:hover { background-image: linear-gradient(#1950ce,#56349a);}
.aboutus .ab04 .lst li:hover img { filter: grayscale(100) brightness(100);}

/*能力介绍*/
.ability { width: 100%; padding-bottom: 100px; background: #fff;}
.ability .lst { width: 100%; padding-top: 100px;}
.ability .lst .msg { width: calc(100% - 800px);}
.ability .lst .msg h3 { height: 180px; line-height: 180px; font-weight: 500; font-size: 30px; color: #000; padding-left: 50px; margin-bottom: 25px; overflow: hidden; background: url(../images/tc37.png) no-repeat left 84px; position: relative;}
.ability .lst .msg h3 b { font-family: 'Oswald'; font-weight: 500; font-size: 210px; color: rgba(15,85,214,0.05); position: absolute; left: -10px; top: -10px;}
.ability .lst .msg .lh { line-height: 35px; font-size: 16px;}
.ability .lst .msg .lh p { text-indent: 2em;}
.ability .lst .img { width: 720px; height: 565px; border-radius: 125px 0 125px 0; overflow: hidden;}
.ability .lst .img img { display: block; width: 100%;}
.ability .lst li { float: left; width: calc(100% / 3 - 23.5px); text-align: center; margin: 125px 35px 0 0; padding: 75px 45px 45px 45px; border: 1px solid #d7d7d7; border-radius: 70px 0 70px 0; box-sizing: border-box; background-repeat: no-repeat; background-position: 0 0; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ability .lst li:last-child { margin-right: 0;}
.ability .lst li b { display: block; width: 110px; height: 110px; line-height: 110px; font-weight: 500; font-size: 26px; color: #fff; margin: auto; border-radius: 50%; background-image: linear-gradient(#1950ce,#56339b); position: absolute; left: 0; right: 0; top: -55px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ability .lst li h3 { line-height: 60px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ability .lst li p { height: 60px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ability .lst li:hover { background-image: linear-gradient(#1950ce,#56339b);}
.ability .lst li:hover b { border: 5px solid #fff;}
.ability .lst li:hover h3,
.ability .lst li:hover p { color: #fff;}
.ability .lst .ab01 { background-image: url(../images/tc34.jpg);}
.ability .lst .ab02 { background-image: url(../images/tc35.jpg);}
.ability .lst .ab03 { background-image: url(../images/tc36.jpg);}

/*材料性能*/
.materlist { width: 100%;}
.materlist li { float: left; width: calc(100% / 4 - 95px); margin: 0 20px 20px 0; padding: 50px 40px; border-radius: 80px 0 0 0; overflow: hidden; background: #fff;}
.materlist li:nth-child(4n) { margin-right: 0;}
.materlist li .img { float: left; width: 70px; height: 85px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
.materlist li .img img { display: block; width: 70px; height: 85px;}
.materlist li h3 { float: right; width: calc(100% - 85px); height: 70px; line-height: 35px; font-size: 20px; color: #333; margin-top: 5px; overflow: hidden;}
.materlist li .msg { width: 100%; height: 150px; line-height: 30px; font-size: 14px; color: #666; margin: 20px 0; overflow: hidden;}
.materlist li a { display: block; width: 130px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #84a8e9; border-left: 2px solid #0f55d6; border-right: 2px solid #5d3095; border-radius: 25px; box-sizing: border-box;}
.materlist li a span { font-size: 14px; color: #0f55d6; padding-right: 15px; background: url(../images/tc08.png) no-repeat right 6px / 6px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.materlist li:hover { background-image: linear-gradient(to right,#1253d3,#4d37a2);}
.materlist li:hover h3 { color: #fff;}
.materlist li:hover .msg { color: rgba(255,255,255,0.65);}
.materlist li:hover a { border-color: rgba(255,255,255,0.5); border-left-color: #fff; border-right-color: #fff;}
.materlist li:hover a span { color: #fff; background-image: url(../images/tc08h.png);}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { float: left; width: calc(100% / 3 - 30px); margin: 0 45px 45px 0; border-radius: 60px 0 60px 0; overflow: hidden; background: #fff;}
.newlist li:nth-child(3n) { margin-right: 0;}
.newlist li .img { width: 100%; height: 290px; overflow: hidden;}
.newlist li .img img { display: block; width: 100%; min-height: 290px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { padding: 20px 40px;}
.newlist li .msg h3 { line-height: 35px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; margin: 10px 0 20px 0; overflow: hidden;}
.newlist li .msg span { display: block; line-height: 40px; font-size: 14px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover .msg h3,
.newlist li:hover .msg .fl { color: #0f55d6;}

/*新闻列表2*/
.newlists { width: 100%;}
.newlists li { margin-bottom: 40px; padding: 30px; border: 1px solid #eee; border-radius: 60px 0 60px 0; overflow: hidden; background: #fff;}
.newlists li:last-child { margin-bottom: 0;}
.newlists li .img { float: left; width: 315px; height: 215px; border-radius: 60px 4px 4px 4px; overflow: hidden;}
.newlists li .img img { display: block; width: 100%; min-height: 215px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlists li .msg { float: right; width: calc(100% - 350px);}
.newlists li .msg h3 { line-height: 35px; font-weight: 500; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlists li .msg span { display: block; line-height: 50px; font-size: 14px; color: #999;}
.newlists li .msg p { height: 60px; line-height: 30px; font-size: 14px; color: #999; margin-bottom: 30px; overflow: hidden;}
.newlists li .msg b { display: block; width: 120px; height: 40px; line-height: 38px; font-weight: 500; text-align: center; border: 1px solid #84a8e9; border-left: 2px solid #0f55d6; border-right: 2px solid #5d3095; border-radius: 25px; box-sizing: border-box;}
.newlists li .msg b i { font-style: normal; font-size: 12px; color: #0f55d6; padding-right: 20px; background: url(../images/tc08.png) no-repeat right 3px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlists li:hover .img img { transform: scale(1.1,1.1);}
.newlists li:hover .msg h3 { color: #0f55d6;}
.newlists li:hover .msg b { border: none; background-image: linear-gradient(to right,#1253d3,#4d37a2);}
.newlists li:hover .msg b i { color: #fff; background-image: url(../images/tc08h.png);}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 3 - 17px); text-align: center; margin: 0 25px 25px 0;}
.piclist li:nth-child(3n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 275px; border-radius: 8px; overflow: hidden; position: relative;}
.piclist li .img img { display: block; width: 100%; min-height: 275px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:hover .img img { transform: scale(1.1,1.1);}
.piclist li:hover h3 { color: #0f55d6;}

/*产品列表*/
.prodlsts { width: 100%;}
.prodlsts .nams { width: 100%; margin-bottom: 30px;}
.prodlsts .nams p { line-height: 25px; font-size: 16px; color: #c0c1c6; padding-left: 40px; position: relative;}
.prodlsts .nams p::after { display: block; content: ""; width: 30px; height: 3px; background-image: linear-gradient(to right,#1254d4,#4e36a1); position: absolute; left: 0; top: 12px;}
.prodlsts .nams h3 { height: 60px; line-height: 60px; font-size: 36px; color: #333;}
.prodlsts .pro01 { width: 100%; padding: 80px 0; background: #fff;}
.prodlsts .pro01 .mshu { line-height: 35px; font-size: 16px; color: #666; margin-bottom: 50px;}
.prodlsts .pro01 .imgs { float: left; width: 680px;}
.prodlsts .pro01 .imgs .swiper-slide { background: #fff;}
.prodlsts .pro01 .imgs .swiper-slide img { display: block; width: 100%;}
.prodlsts .pro01 .msg { float: right; width: calc(100% - 740px);}
.prodlsts .pro01 .msg .tit { height: 30px; line-height: 30px; font-weight: bold; font-size: 20px; color: #000; padding-left: 30px; margin-bottom: 10px; background: url(../images/tc30.png) no-repeat left center;}
.prodlsts .pro01 .msg .nr { margin-bottom: 40px;}
.prodlsts .pro02 { width: 100%; padding: 80px 0; background: #f2f3f7;}
.prodlsts .pro02 .lst { width: 100%;}
.prodlsts .pro02 .lst li { float: left; width: calc(100% / 3 - 29px); margin: 0 40px 40px 0; border: 1px solid #e3e4e7; overflow: hidden; background: #fff;}
.prodlsts .pro02 .lst li:nth-child(3n) { margin-right: 0;}
.prodlsts .pro02 .lst li .img { width: calc(100% - 20px); height: 280px; padding: 10px; border-bottom: 1px solid #e3e4e7; overflow: hidden;}
.prodlsts .pro02 .lst li .img img { display: block; max-width: 400px; height: 280px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prodlsts .pro02 .lst li .msg { padding: 20px 35px;}
.prodlsts .pro02 .lst li .msg h3 { line-height: 50px; font-size: 20px; color: #333; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prodlsts .pro02 .lst li .msg h3::before,
.prodlsts .pro02 .lst li .msg h3::after { display: block; content: ""; border-radius: 50%; position: absolute;}
.prodlsts .pro02 .lst li .msg h3::before { width: 16px; height: 16px; background-image: linear-gradient(to right,#1254d4,#4e36a1); left: 0; top: 19px;}
.prodlsts .pro02 .lst li .msg h3::after { width: 10px; height: 10px; background: #fff; left: 3px; top: 22px;}
.prodlsts .pro02 .lst li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; margin-top: 10px; overflow: hidden;}
.prodlsts .pro02 .lst li .msg span { display: block; width: 130px; height: 40px; line-height: 38px; text-align: center; margin: 40px 0 15px 0; border: 1px solid #84a8e9; border-left: 2px solid #0f55d6; border-right: 2px solid #5d3095; border-radius: 25px; box-sizing: border-box;}
.prodlsts .pro02 .lst li .msg span i { font-style: normal; font-size: 14px; color: #0f55d6; padding-right: 20px; background: url(../images/tc08.png) no-repeat right 6px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prodlsts .pro02 .lst li:hover .img img { transform: scale(0.95,0.95);}
.prodlsts .pro02 .lst li:hover .msg h3 { color: #0f55d6;}
.prodlsts .pro02 .lst li:hover .msg span { border: none; background-image: linear-gradient(to right,#1253d3,#4d37a2);}
.prodlsts .pro02 .lst li:hover .msg span i { color: #fff; background-image: url(../images/tc08h.png);}

/*招聘*/
.jobs { width: 100%;}
.jobs .topmsg { float: left; width: 325px;}
.jobs .topmsg .lft { width: 285px; color: #fff; padding: 20px; background: #0f55d6;}
.jobs .topmsg .lft h3 { font-size: 40px; text-transform: Uppercase; letter-spacing: 5px;}
.jobs .topmsg .lft p { font-size: 24px; letter-spacing: 7px;}
.jobs .topmsg .rgt { padding: 20px; background: #fff;}
.jobs .topmsg .rgt h1 { line-height: 35px; font-size: 22px; color: #333; margin-bottom: 30px;}
.jobs .topmsg .rgt p { line-height: 25px; font-size: 12px; color: #666; margin-bottom: 10px;}
.jobs .list { float: right; width: calc(100% - 365px);}
.jobs .list li { margin-bottom: 10px; background: #fff;}
.jobs .list li .lst { padding: 15px 20px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .list li .lst h3 { line-height: 35px; font-size: 18px; color: #333;}
.jobs .list li .lst span { display: block; float: left; width: calc(100% / 4); line-height: 25px; font-size: 13px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobs .list li .lst a { display: block; width: 30px; height: 30px; position: absolute; top: 40px; right: 20px; z-index: 1;}
.jobs .list li .lst a::before,
.jobs .list li .lst a::after { display: block; content: ""; margin: auto; background: #999; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.jobs .list li .lst a::before { width: 1px; height: 100%;}
.jobs .list li .lst a::after { width: 100%; height: 1px;}
.jobs .list li .msg { display: none; padding: 15px 20px;}
.jobs .list li.on .lst { background: #0f55d6;}
.jobs .list li.on .lst h3,
.jobs .list li.on .lst span { color: #fff;}
.jobs .list li.on .lst a::before { display: none;}
.jobs .list li.on .lst a::after { background: #fff;}
.jobs .list li.on .msg { display: block;}
.jobs .list li.on .msg .lh { margin-bottom: 15px; clear: both;}
.jobs .list li.on .msg .lh h3 { font-size: 16px; color: #000;}

/*留言表单*/
.feedbook { width: 100%; padding: 60px 0; background: url(../images/tc07.jpg) no-repeat center top;}
.feedbook .tits { text-align: left; margin-bottom: 30px; background-position: left top;}
.feedbook li { float: left; width: calc(100% / 3 - 13.5px); margin: 0 20px 20px 0;}
.feedbook li:nth-child(3n) { margin-right: 0;}
.feedbook li input,
.feedbook li textarea { display: block; width: calc(100% - 32px); font-size: 14px; color: #333; outline: none; padding: 0 15px; border: 1px solid #e4e4e4; border-radius: 2px; overflow: hidden;}
.feedbook li input { height: 50px; line-height: 50px;}
.feedbook li textarea { font-family: Microsoft YAHEI; padding: 15px;}
.feedbook li img { display: block; max-width: 100%; min-width: 100px; height: 50px; border: 1px solid #e4e4e4; border-radius: 2px; overflow: hidden; background: #fff;}
.feedbook .btn { display: block; width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; border: none; border-radius: 4px; overflow: hidden; background: #0f55d6;}
.feedbook .wth100 { width: 100%; margin-right: 0;}

/*建议与意见列表*/
.comment { margin-bottom: 20px; padding: 20px; background: #fff;}
.comment li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.comment li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.comment li .name { width: 100%; height: 25px; line-height: 25px; overflow: hidden;}
.comment li .name h3 { float: left; font-size: 14px; color: #333;}
.comment li .name p { float: right; font-size: 12px; color: #999;}
.comment li .reply { color: #f60; margin-left: 15px;}
.comment li .msg { width: 100%; line-height: 22px; font-size: 12px; color: #666;}
.comment li .list { padding: 15px; margin-top: 10px; border-radius: 4px; overflow: hidden; background: #fafafa;}
.comment li .list .name h3 { font-weight: 500; font-size: 12px; color: #999;}
.comment li .list .name b { font-size: 14px; color: #f60;}
.comment textarea { display: block; width: calc(100% - 32px); line-height: 22px; font-family: Microsoft YAHEI; font-size: 12px; color: #333; padding: 10px 15px; border: 1px solid #eee; border-radius: 4px; background: #fafafa;}
.comment .btn { display: block; width: 140px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; margin-top: 10px; border: none; border-radius: 4px; overflow: hidden; background: #0f55d6;}

/*党支部*/
.partys { width: 100%; min-height: 1000px; padding: 30px 0; background: url(../images/tc42.png) no-repeat center top; position: relative;}
.partys::after { display: block; content: ""; width: 100%; height: 750px; margin: auto; background: url(../images/tc43.png) no-repeat center top; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;}
.partys .comnav { display: none;}
.partys .comtit h3 { color: #fff;}
.partys .comtit p { color: rgba(255,255,255,0.5);}
.partys .newlists,
.partys .scott { position: relative; z-index: 2;}
.partys .scott li { background: #fff;}


@media screen and (max-width: 1680px) { 
	.warp { width: 1360px; min-width: 1360px; padding: 0;}
	.content { width: 1360px; padding: 40px 0;}
	.prods .lft { width: 32%; padding-left: 8%;}	 
	.fields { padding: 100px 0 50px 0;}
    .fields .list .swiper-slide .img { margin-top: 8vw;}
	.fields .list .swiper-slide-active .img { margin-top: 0;}
	.fields .list .swiper-slide-prev .img,
	.fields .list .swiper-slide-next .img { margin-top: 2vw;}
	.news li { width: 335px;}
	.news li .img { height: 230px;}
	.news .on { width: 560px;}
	.news .on .img { height: 385px;}
	.aboutus .ab02 .lst li:nth-child(1) { left: 0;}
	.aboutus .ab02 .lst li:nth-child(2) { left: 280px;}
	.aboutus .ab02 .lst li:nth-child(3) { left: 583px;}
	.aboutus .ab02 .lst li:nth-child(4) { right: 175px;}
	.aboutus .ab02 .lst li:nth-child(5) { right: 0;}

	.newlist li { width: 425px; margin: 0 42px 45px 0;}
}